<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi">
<link rel="stylesheet" type="text/css" href="../css/m.style.css" />
<link rel="stylesheet" type="text/css" href="../css/jqmEdit.css" />
<link rel="stylesheet" type="text/css" href="../css/common.css" />
<link rel="stylesheet" type="text/css" href="interest.css" />
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
<script>

</script>
<title>OAASYS2.0-MOBILE</title>
</head>
<body>
<div id="viewport">
    <div id="oMenu"></div>
    <div data-role="page" class="interest">
        <div class="header black" data-role="header" data-position="fixed">
        	<a href="javascript:void(0);" class="headBtn leftBtn" data-role="none"><i class="ico_hBtn1"></i></a>
        	<h1><a href="javascript:void(0);" class="headText" data-role="none">내관심</a></h1>
        	<a href="javascript:void(0);" class="headBtn rightBtn" data-role="none"><i class="ico_hBtn2"></i></a>
        </div>
        <div class="container" data-role="content">
            <div class="tabMenu">
                <ul class="tabBlue tab2">
                    <li class="tabList"><a href="javascript:void(0);" class="tabText">관심사</a></li>
                    <li class="tabList tabOn"><a href="javascript:void(0);" class="tabText">사람</a></li>
                </ul>
            </div>
            <div class="interGuide">
                <a href="javascript:void(0);" class="followText followOn">Following<span class="followNum">5</span></a>
                <span class="barText">|</span>
                <a href="javascript:void(0);" class="followText">Follower<span class="followNum">24</span></a>
            </div>
            <ul class="followArea">
                <li class="followList">
                    <a href="javascript:void(0);" class="thumbLink"><span class="imgWrapper"><img src="img/sample_thumb1.gif" alt="" class="thumb"></span></a>
                    <div class="fllContent">
                        <a href="javascript:void(0);" class="nameLoc"><img src="../image/icon_medal.gif" alt="medal" class="medalIcon"><span class="nameText">서동현</span><span class="idText">visualidiot</span></a>
                        <p class="departLoc">
                            <span class="departText">홍보/마케팅/광산업</span><span class="useNum">5233</span>
                        </p>
                    </div>
                    <a href="javascript:void(0);" class="fllBtn">Unfollow</a>
                </li>
                <li class="followList">
                    <a href="javascript:void(0);" class="thumbLink"><span class="imgWrapper"><img src="img/sample_thumb1.gif" alt="" class="thumb"></span></a>
                    <div class="fllContent">
                        <a href="javascript:void(0);" class="nameLoc"><span class="nameText">서동현</span><span class="idText">visualidiotidiotidiot</span></a>
                        <p class="departLoc">
                            <span class="departText">IT/정보화</span><span class="useNum">1</span>
                        </p>
                    </div>
                    <a href="javascript:void(0);" class="fllBtn">Unfollow</a>
                </li>
                <li class="followList">
                    <a href="javascript:void(0);" class="thumbLink"><span class="imgWrapper"><img src="img/sample_thumb1.gif" alt="" class="thumb"></span></a>
                    <div class="fllContent">
                        <a href="javascript:void(0);" class="nameLoc"><span class="nameText">서잡스좌빨바비</span><span class="idText">visualidiot</span></a>
                        <p class="departLoc">
                            <span class="departText">IT/정보화/장사</span><span class="useNum">5233</span>
                        </p>
                    </div>
                    <a href="javascript:void(0);" class="fllBtn">Unfollow</a>
                </li>
                <li class="followList">
                    <a href="javascript:void(0);" class="thumbLink"><span class="imgWrapper"><img src="img/sample_thumb1.gif" alt="" class="thumb"></span></a>
                    <div class="fllContent">
                        <a href="javascript:void(0);" class="nameLoc"><span class="nameText">서동현</span><span class="idText">visualidiot</span></a>
                        <p class="departLoc">
                            <span class="departText">IT/정보화</span><span class="useNum">1</span>
                        </p>
                    </div>
                    <a href="javascript:void(0);" class="fllBtn">Unfollow</a>
                </li>
                <li class="followList">
                    <a href="javascript:void(0);" class="thumbLink"><span class="imgWrapper"><img src="img/sample_thumb1.gif" alt="" class="thumb"></span></a>
                    <div class="fllContent">
                        <a href="javascript:void(0);" class="nameLoc"><span class="nameText">서동현</span><span class="idText">visualidiot</span></a>
                        <p class="departLoc">
                            <span class="departText">IT/정보화/장사</span><span class="useNum">5233</span>
                        </p>
                    </div>
                    <a href="javascript:void(0);" class="fllBtn">Unfollow</a>
                </li>
                <li class="followList">
                    <a href="javascript:void(0);" class="thumbLink"><span class="imgWrapper"><img src="img/sample_thumb1.gif" alt="" class="thumb"></span></a>
                    <div class="fllContent">
                        <a href="javascript:void(0);" class="nameLoc"><span class="nameText">서동현</span><span class="idText">visualidiot</span></a>
                        <p class="departLoc">
                            <span class="departText">IT/정보화</span><span class="useNum">1</span>
                        </p>
                    </div>
                    <a href="javascript:void(0);" class="fllBtn">Unfollow</a>
                </li>
                <li class="followList">
                    <a href="javascript:void(0);" class="thumbLink"><span class="imgWrapper"><img src="img/sample_thumb1.gif" alt="" class="thumb"></span></a>
                    <div class="fllContent">
                        <a href="javascript:void(0);" class="nameLoc"><span class="nameText">서동현</span><span class="idText">visualidiot</span></a>
                        <p class="departLoc">
                            <span class="departText">청소/빨래/설거지</span><span class="useNum">3</span>
                        </p>
                    </div>
                    <a href="javascript:void(0);" class="fllBtn">Unfollow</a>
                </li>
                <li class="followList">
                    <a href="javascript:void(0);" class="thumbLink"><span class="imgWrapper"><img src="img/sample_thumb1.gif" alt="" class="thumb"></span></a>
                    <div class="fllContent">
                        <a href="javascript:void(0);" class="nameLoc"><span class="nameText">서동현</span><span class="idText">visualidiot</span></a>
                        <p class="departLoc">
                            <span class="departText">IT/정보화</span><span class="useNum">1</span>
                        </p>
                    </div>
                    <a href="javascript:void(0);" class="fllBtn">Unfollow</a>
                </li>
            </ul>
        </div>
    </div>
</div>
</body>
</html>